/* index.css */
html,body {height:100%}
img {border:0;vertical-align:middle;margin-right:2px}
#content{position: relative;overflow: hidden;width: 100%;}
#left {position:absolute;left:0;top:0;height:100%;width:323px;background:#fff;overflow-y: scroll}
#left_hidden {position: absolute;top: 250px;width: 17px;height: 66px;cursor: pointer;background: url(../images/leftDiv/show_hidden.png) no-repeat 0 center;z-index: 9999999 !important;}
#left_hidden.show {background: url(../images/leftDiv/show_hidden.png) no-repeat -17px center;}
/*.left_hidden{left:304px;}*/
#right{position:absolute;left:304px;top:0;height:100%;background:#fff;border-left:1px solid #25abf3;overflow: hidden}
#right #toolbar{position:relative;height: 27px;padding-top: 4px;background: url(../images/ToolBar/toolbar_bg.png) repeat-x 0 0;}
#right #toolbar .pull-right span{font-size:12px;font-family:'宋体';color:#046abe;margin-right:0px;cursor:pointer;position: relative;top:2px;padding:6px;}
.pl14{padding:6px 6px 6px  20px !important;}
#toolbar .tool-icon{font-style:normal;background:url(../images/ToolBar/toolbar.png) no-repeat;width: 16px;height: 20px;position: absolute;top: 4px;left: -12px;}
#toolbar .pull-right span:hover{ background-color:#00c8ff}
#toolbar #distance .tool-icon{background-position: -78px 0;}
#toolbar #area .tool-icon{background-position: -96px 0;}
#toolbar #Explore2D .tool-icon{background-position: -96px 0;}
#toolbar #Explore3D .tool-icon{background-position: -96px 0;}

#toolbar #clear .tool-icon{background-position: -158px 0;}
#toolbar .set-mode{ margin-left:20px; margin-top:2px;}
#toolbar .set-mode #mode3d{ border-right:none;}
#toolbar .set-mode #mode2d{ border-left:none;}

#tab{ background-color:#EEE;position: fixed;z-index: 999999}
#tab .tab-item{ width: 101px; height:40px; cursor: pointer; display:block; float:left; padding:0; margin:0; text-align:center; background:url(../images/leftDiv/tab_bg.png) no-repeat;}
#tab .tab-item[role="#tab-search"]{ background-position:-303px 0;}
#tab .tab-item[role="#tab-nav"]{ background-position:-404px 0;}
#tab .tab-item[role="#tab-layer"]{ background-position:-505px 0;}
#tab .current[role="#tab-search"]{ background-position:0 0;}
#tab .current[role="#tab-nav"]{ background-position:-101px 0;}
#tab .current[role="#tab-layer"]{ background-position:-202px 0;}
#tab-content{margin-top: 40px;}
#tab-content .tab-pane{ display:none;padding: 10px;}
#tab-content .tab-pane:first-child{ display: block;}

.dropdown .dropdown-div{ display: none; }
#plot-list{position: absolute; left:0; top:25px;width: 60px; border: 1px solid rgb(37, 171, 243); background: rgb(244, 249, 253); color: rgb(119, 119, 119); z-index:9999}
#plot-list li{position: relative;margin-left:2px;padding-left:6px;width: 45px;height: 26px;line-height:26px;}
#plot-list li:hover{color:#f00;}

.fl{float: left;}
.fr{float: right;}
.form-control{padding: 0;height: 34px;overflow: hidden;}
.form-small{border-radius: 4px;height: 20px;border: 1px solid #ccc;}
.layui-btn-green {background: #26c44d !important;}
.layui-btn-purple {background: #5c7bef !important;}
.layui-btn-danger {background: #f24e4f !important;}
.layui-colla-item .layui-colla-title{ background: #fff;color: #5ea0fe; font-size: 16px; font-weight: bold;}
.layui-colla-content{background: #edf2f5;}
a.layui-btn-kj{background: #2f456a;border: none;color: #fff;color: rgba(255, 255, 255, .7);}
a.layui-btn-kj:hover{color: #0f9fff;color: rgba(15, 159, 255, .9);}
.item-selected{background: #0f9fff !important;color: #fff !important;}

.toolbox_t{position:fixed;top: 0px;height: 103px;z-index: 9999;margin-top: 0px;}
.ol-control{margin-bottom: 33px !important;}
.border-none{border: none}
.bord-right{border-right: 1px solid #e6e6e6;}
.bord-top{border-top: 1px solid #e6e6e6;}
.bord-bottom{border-bottom: 1px solid #e6e6e6;}
.sun-div{display: block;height: 100%;overflow: hidden}
.sun-div div.wb45{width: 45%;float: left;margin-right: 10px}


.item-m10{height: 100%;overflow: hidden;}
.item-m10 li{margin-right: 10px;}
.list-m10 li{margin-bottom: 5px;}

h3.header{font-size: 16px;color: #5ea0fe;font-weight: bold;border-bottom: 1px dotted #ddd;padding-bottom: 5px;margin-bottom: 10px;padding-left: 5px;}

#mapmain{background: #fff;border-left: 1px solid #4d8cc1;}

#tab_search,#tab_gps,#tab_resource {position: fixed;}
#tab_gps{left: 100px}
#tab_resource{left: 200px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.mb10{margin-bottom: 10px;}
.h35{height: 35px;}
.h30{height: 30px;}
.h20{height: 20px;}
.w50{width: 50px;}
.w70{width: 70px;}
.w95{width: 95px;}
.w30{width: 30px;}
.ml5{margin-left: 5px;}
.mt2{margin-top: 2px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.text-blue{color:#5ea0fe;}

/* 树形菜单 */
.menuTree {margin-left: 0px;}
.menuTree div {padding-left: 0px;}
.menuTree div ul {overflow: hidden;display: none;height: auto;}
.menuTree span {display: block;height: 25px;line-height: 25px;padding-left: 5px;margin: 1px 0;cursor: pointer;border-bottom: 1px solid #CCC;}
.menuTree span:hover {background-color: #e6e6e6;color: #5ea0fe;}
.menuTree a {color: #333;text-decoration: none;}
.menuTree a:hover {color: #06F;}

.tw-layer li{font-size: 16px;color: #5ea0fe;font-weight: bold;line-height: 40px;border-bottom: 1px dotted #ddd;}
.twLayer-div{display:block;	border-top: 1px dotted #ddd;padding-left: 18px;	font-size: 14px;line-height: 30px;color: #555;}
.layer-display{display: block;}
.layui-btn{margin-bottom: 10px;}

.site-doc-icon {font-size: 0;margin-bottom: 10px;}
.site-doc-icon li {display: inline-block;vertical-align: middle;line-height: 25px;margin-right: -1px;margin-bottom: -1px;font-size: 14px;text-align: left;color: #666;margin: 5px;margin-right: 15px;transition: all .3s;-webkit-transition: all .3s;}
.site-doc-icon li:hover{color: #55A7FD;}
.site-doc-icon li .icon {display: inline-block;font-size: 16px;color: #555;width: 16px;height: 20px;text-align: center;line-height: 20px;}
.site-doc-icon li .name {color: #555;}
.site-doc-icon li a{color: #555 !important;}
.site-doc-icon li a:hover{color: #5ea0fe !important;}

.m15{margin-bottom: 15px;}
.leaflet-top {top: 20px;}
#toolDiv .super_img {display: none;}
#shadowRadioBox td{padding-bottom: 10px;}

.layui-show a{color: #fff !important;}
.menuTree ul{height: 100%; overflow: hidden;padding-left: 20px;}
.layui-input-update-info{height: 30px;width: 124px;}
.w110{width:110px;}
.w80{width: 80px}
.w170{width: 170px;}

#dict {padding-left:20px;position:absolute;top:0;left:160px;height:32px;z-index:10000;line-height:32px;background:url(../images/ToolBar/home.png) no-repeat left}
#dict_item {overflow-y:auto;overflow-x:hidden;height:250px}
#dict_text {float:left;top:0;height:30px;cursor:pointer;color:#4c4c4c;padding-right:15px;background:url(../images/ToolBar/dict_show.png) no-repeat right}
#dictInfo {float:left;width:21px;height:28px;cursor:pointer;background:url(../images/ToolBar/information.png) no-repeat center;display:none;margin:2px 0 0 8px}
#dictInfoDiv {position:absolute;top:28px;left:0;width:300px;background:white;border:1px solid gray;line-height:1.4;padding:5px 10px;cursor:default;display:none}
#dictInfoTitle {color:#046abe;border:0;border-bottom:#e5e5e5 solid 1px;font-weight:bold;font-size:13px;height:25px;line-height:25px}
#dictInfoClose {position:absolute;right:0;top:5px;width:20px;height:20px;background:url(../images/ToolBar/close2.png) no-repeat center;cursor:pointer}
#dictInfoText {margin-bottom:0;padding-top:5px;height:auto;line-height:17px}
#dictDiv {position:absolute;top:30px;left:0;width:330px;height:105px;display:block;background:white;border:1px solid #dcdcdc;display:none;overflow:hidden}
#dict_list_title {padding:5px 8px 5px 10px;height:20px;line-height:20px;border-bottom:1px #dfddde solid;overflow:hidden}
#cityTable {height:65px;display:block;background:white;padding: 5px;}
#dict_close {width:20px;height:20px;background:url(../images/ToolBar/close.png) no-repeat center;cursor:pointer;float:right}
#cityTable li {height:30px;line-height:30px;padding: 0px 4px;float: left;}
#cityTable .mayerTitle {padding:0 5px 0 0;}
#cityTable a {text-decoration:none;cursor:pointer;color:#046abe}
#cityTable a:hover {color:#F00}
#cityTable .mayerTitle a {color:#000}
#cityTable .mayerTitle a:hover {color:#F00}
.sheng {width:60px;height:20px;font-size:14px;font-weight:bold;cursor:pointer}
.sheng:hover {color:red}

/* 二三维一体化模块 */
#toolBox {position: absolute;left: 10px;top: 47px;width: 100%;height: 40px;margin: 0;padding: 0;overflow: hidden;z-index: 99999999;}
.win_bg {background: #CCC;opacity: 0.2;filter: alpha(opacity=20);position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 998;}
.winTitle {background: #419efe;	height: 30px;line-height: 30px;color: #fff;}
.winTitle .title_left {font-weight: bold;color: #FFF;padding-left: 5px;float: left}
.winTitle .title_right {float: right;padding-right: 3px;}
.winTitle .title_right a {color: #FFF;text-decoration: none;padding-right: 3px;}
.winTitle .title_right a:hover {text-decoration: underline;color: #FF0000;padding-right: 3px;}
.transferPreference {border: 1px solid #D6E3F1;height: 20px;margin: 1px 30%;padding: 0 12px;}

.winContent {padding: 5px;overflow-y: auto;height: 550px;}
.popupHide{display: block;width: 60px;height: 25px;background: #549dfd;color: #fff;position: absolute;right: 20px;top: 50px;z-index: 9999;line-height: 25px; text-align: center; cursor: pointer}
.popupWindow {right: 20px;top: 50px;position: absolute;width: 400px;height: 600px;border: 2px solid #3890e8;background-color:rgba(44, 66, 108, 0.65);z-index: 9999;}
.label-success {background-color: #3890e8;}
.winContent label.checkbox{padding-left: 20px;}
.winContent input.checkboxSel{margin-top: 9px;}
.winContent label{color: #fff;}
.ol-attribution{bottom: 0px;}

#info-box{display:none;background-color:rgba(255,255,255,.95); border-radius: 4px; box-shadow: 1px 1px 1px #ccc; border: 1px #ccc solid; padding: 5px 12px;}
#info-tab{display:none;background-color:rgba(255,255,255,.95); border-radius: 4px; box-shadow: 1px 1px 1px #ccc; border: 1px #ccc solid; padding: 5px 12px;}
#info-table{position: fixed;right: 20px;bottom: 20px;z-index: 99999999999;display:none;background-color:rgba(255,255,255,.95); border-radius: 4px; box-shadow: 1px 1px 1px #ccc; border: 1px #ccc solid; padding: 5px 12px;}


#layertree{float:left;position:absolute;width:450px;height:280px;padding:10px;font-size:14px;font-family:"微软雅黑";color:#ffffff;left:50px;z-index:2001;}

#layertree ul li{
  
    /*list-style:none;*/
    margin:10px 15px;
    cursor: pointer;
}
.vectorBox{width:260px;height:100px;position: absolute;left: 20px;top:50px;z-index: 99999999999; background: #fff;border-radius: 6px; display: none;}

/* 三维 飞行控制*/
#play {
    content: url(../images/play.png);
    height: 30px;
    padding: 5px;
}
label{
    color: #555;
}

#pause {
    content: url(../images/pause.png);
    height: 30px;
    padding: 5px;
}

#stop {
    content: url(../images/stop.png);
    height: 30px;
    padding: 5px;
}

.flyButton.black {
    border: 1px solid #333;
    box-shadow: 0 1px 2px #8b8b8b inset, 0 -1px 0 #3d3d3d inset, 0 -2px 3px #8b8b8b inset;
    background: -webkit-linear-gradient(top,rgba(49, 91, 168, 0.308),rgba(51, 51, 51, 0.55));
    background: -moz-linear-gradient(top,#656565,#4a4a4a);
    background: linear-gradient(top,#656565,#4a4a4a);
}
.flyButton {
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-radius: 3px;
    margin: 0 8px 8px 0;
    position: relative;
    overflow: hidden;
    padding: 0px 15px 0px 15px;
}

/*模型管理*/
#modelManageSetting{
   display:none;background-color:rgba(255,255,255,.95); border-radius: 4px; box-shadow: 1px 1px 1px #ccc; border: 1px #ccc solid; padding: 5px 12px;overflow-y:auto;overflow-x:auto;width: 787px;height: 312px;
}

/* 添加模型 */
.positionAdjust{
    width: 150px;
    margin: 0;
    margin-left: 55px;
    display: inline-block;
    top: -45px;
    position: relative;
}
#addModelSetting{
    margin: 0px auto;
    position: absolute;
    top: 40px;
    right: 0px;
    width: 300px;
    height: 100%;
}
#addModelSetting label{
    color: #555;
}
#addModelSetting h1 {
    font-size: 19px;
    color: rgb(6, 106, 117);
    padding: 2px 0 15px 0;
    font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
    font-weight: bold;
    text-align: center;
}
#addModelSetting  h1:after{
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0))); 
    background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
}

#addImgSetting{
    margin: 0px auto;
    position: absolute;
    top: 40px;
    right: 0px;
    width: 300px;
    height: 100%;
}

#addImgSetting h1 {
    font-size: 19px;
    color: rgb(6, 106, 117);
    padding: 2px 0 15px 0;
    font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
    font-weight: bold;
    text-align: center;
}

#addImgSetting h1:after{
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0))); 
    background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
}
    
#loginBox{
    position: absolute;
    top: 0px;
    width: 88%;	
    padding: 0px 10px;
    margin: 0 0 35px 0;
    background: rgb(247, 247, 247);
    border: 1px solid rgba(147, 184, 189,0.8);
    -webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
            box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -webkit-box-shadow: 5px;
    -moz-border-radius: 5px;
        border-radius: 5px;
}

#loginBox{
    z-index: 22;
}

#addImgSetting p#icons a img{
    width: 18%;height: 100%; margin-top:5px; margin-bottom:5px;
}
span.mp0{padding: 0;margin: 0px;position: relative;top:0px !important;}
.banquan{bottom:5px; line-height:20px;position:fixed;z-index:99999;padding-left:20px;}
/*二维地图的右侧根据栏*/
.ol-popup {
    position: absolute;
    top: 30px;
    right: 40px;
    z-index:1;
}
.ol-popup2 {
    position: absolute;
    top: 65px;
    right: 40px;
    z-index:1;
} 
.ol-popup4 {
    position: absolute;
    top: 450px;
    left: 1px;
    z-index:1;
} 
/*三维地图的右侧根据栏*/
.ol-popup3 {
    position: absolute;
    top: 30px;
    right: 1px;
    z-index:1;
}         
/*地图的实时坐标*/
#myposition  
        {  
            float:left;  
            position:absolute;  
            bottom:10px;  
            width:400px;  
            height:20px;
            left: 160px;  
            z-index:1;  
        }  
.mosuePosition  
       {  
            color:blue;  
            font-size:20px;  
            font-family:'微软雅黑';  
        } 
/*淹没分析*/
#cesiumContainer {
            width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;background-color: #000000;
        }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
            width: 170px;
        }
        .form-group::before {
            content: attr(data-foo);
            color: black;
        }
       /* #setingBar{
            width:150px;
            height:110px;
            margin: 5px;
            padding: 2px 5px;
            background: rgba(42, 42, 42, 0.4);
            padding: 8px;
            border-radius: 4px;
            color:cornflowerblue
        }
*/
/*--------------------------------地图信息导出界面------------------------------------------*/
 /**/
         .ol-delOperator {
            position: absolute;
            background-color: white;
            -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
            padding: 15px;  /*边框空白*/
            border-radius: 50px;  /*边框圆滑度*/
            bottom: 0px;   /*底部凸出*/
            left: -50px;
            min-width: 500px;   /*宽度吧*/
        }

        .ol-delOperator:after{
            top: 100%;     
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .ol-delOperator:after {
            border-top-color: white;
            border-width: 20px; /*倒三角*/
            left: 48px;
            margin-left: -10px;  /*倒三角*/
        }
